<template>
    <div>
        <PageHeadLow headTitle="loveliness"/>
        <div class="wrap">
          <div class="title">关于loveliness</div>
          <div class="logo">
            <img src="../assets/img/tx_01.png">
            <p>当前版本：V1.0.0版</p>
          </div>
          <div class="cont">
              <div>分享给朋友</div>
              <div>免责说明</div>
          </div>
        </div>
    </div>
</template>
<script>
import PageHeadLow from "../components/pageHeadLow"

export default {
    name:"About",

    data(){
        return{
               
        }
    },
    components:{
      PageHeadLow

    }
}
</script>
<style scoped lang="less">
.title{
    display: flex;
    width: 100%;
    height: 50px;
    background-color: white;
    text-align: center;
    color:#333;
    justify-content:center;
    align-items:Center;
    font-size: 16px;
    color: #ABABAB;
}
.wrap{
    width: 100%;
    height: 100%;
    background-color: white;
    position: fixed;
    font-size: 16px;
    color: #ABABAB;
    .logo{
      text-align: center;
      padding: 50px 0;
      margin-bottom: 10px;
      p {
        margin-top: 10px;
      }
    }
    .logo,.cont{
        margin-top: 10px;
        background-color: white;
        float: left;
        display: block;
        width:100%;
        border-top:1px solid #E5E5E5;
        border-bottom:1px solid #E5E5E5;
        box-shadow: 0 0 10px 2px #E5E5E5;
        div {
            // float: left;
            // width: 100%;
            border-top: 1px solid #E5E5E5;
            height: 35px;
            line-height: 35px;
            padding: 0 10px;
        }
    }
}
</style>